<!DOCTYPE html>

<html lang="en">

<head>

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
  <link href="css/style.css" rel="stylesheet">
  <title>Maycon Paqui - About</title>
</head>

<body>

  <header>
    <div class="container">
      <div class="row">
        <div class="col mr-auto">
          <a href="index.html" class="header-logo col"> Maycon Paqui</a>
        </div>
        <nav class="header-menu">
          <ul>
            <li><a href="about.html" class="active-menu">About</a></li>
            <li><a href="projects.html">Projects</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </header>

  <main>
    <div class="about">
      <div class="container">
        <div class="row">
          <div class="col-6"><img src="img/Eu-about.svg" alt="Me"></div>
          <div class="about-text col-6">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo nisl ipsum, quis mollis ipsum fermentum vitae. Praesent quam velit, pretium non erat nec, aliquet dapibus erat. Suspendisse dapibus arcu at purus pellentesque, ut mattis elit scelerisque. Suspendisse hendrerit lorem massa, id aliquam nulla rhoncus eget. Pellentesque enim lacus, rhoncus ut nulla at, gravida ultrices erat. Sed ac iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque efficitur vitae ipsum id finibus. </p>


            <p>Etiam facilisis semper nisl ac porta. Integer fermentum tincidunt mauris quis gravida. Suspendisse in maximus ligula, quis rutrum nisl. Sed ullamcorper, justo gravida varius rutrum, est metus lacinia lorem, eget posuere sem ipsum eu eros. Aliquam quis tellus ac libero malesuada tempor. Nunc iaculis sed nisi a dignissim. </p>
          </div>
        </div>
      </div>
    </div>
  </main>

  <footer>
    <div class=" container">
      <div class="row">
        <div class="col-3 mr-auto">
          <p>&copy; Maycon Paqui</p>
        </div>
        <div class="social-networks">
          <a href="https://github.com/Mayconpm" target="_blank"><img src="img/github.svg" alt=""></a>
          <a href="" target="_blank"><img src="img/linkendin.svg" alt=""></a>
          <a href="https://www.facebook.com/maycon.marciano" target="_blank"><img src="img/facebook.svg" alt=""></a>
        </div>
      </div>
    </div>
  </footer>

</body>

</html>